<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <title>首页</title>
    <link rel="shortcut icon" th:href="@{/favicon.ico}"/>
    <link th:href="@{/static/css/bootstrap.min.css}" rel="stylesheet"/>
    <link th:href="@{/static/css/font-awesome.min.css}" rel="stylesheet"/>
</head>
<body class="fixed-sidebar full-height-layout gray-bg" style="overflow:hidden;background-color: #f8f8f8;">
<div id="wrapper">
    <h1 th:text="${msg}"></h1>


    <label for="jobData" class="control-label" style="float:left;padding-left:15px;"></label>
    <div class="col-xs-12 col-sm-4 col-md-4">     
        <span id="filename" style="vertical-align: middle">未上传文件</span>
        <div class="file-container" style="display:inline-block;position:relative;overflow: hidden;vertical-align:middle">         
            <input type="file" id="jobData" onchange="loadFile(this.files[0])" style="position:absolute;top:0;left:0;font-size:34px; opacity:0">     
            <button class="btn btn-success fileinput-button" type="button">上传</button>         

        </div>     

    </div>

<br/>
    <form action="/uploadMap" method="post" enctype="multipart/form-data">
        <input type="file" name="file">
        <p><input type="submit" value="提交"></p>
    </form>



    <div class="btn" >导出javabean的xmlx</div>
    <div class="btn" >导出模板xmlx</div>
    <div class="btn" >导出模板docx</div>
    <div class="btn" >导出模板PDF</div>

</div>
<script th:src="@{/static/js/jquery.min.js}"></script>
<script th:src="@{/static/js/bootstrap.min.js}"></script>
<script>
    function loadFile(file){
        $("#filename").html(file.name);
    }
</script>

</body>
</html>